<template>
  <div id="concourselist"> 


          <el-table :data="datalist" style="width: 100%" :height="dtheight" :header-cell-style="{background:'#4F81BC',color:'white'}"
          :row-class-name="tableRowClassName"  :border="true">

                <el-table-column label="开团时间(新手)"  align='center' width="200px" >                   
                    <template slot-scope="scope">                   
                        <span>{{ scope.row.createtime }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="团长"  align='center' width="200px" >                   
                    <template slot-scope="scope">                   
                        <span>{{ scope.row.leader.nickname}} <br> {{ scope.row.leader.telphone}}</span>
                    </template>
                </el-table-column>
                <el-table-column label="团员1"  align='center'  width="200px">                   
                    <template slot-scope="scope">                   
                        <span v-if="scope.row.member[0]">{{ scope.row.member[0].nickname}}<br> {{ scope.row.member[0].telphone}}</span>
                        <span v-else></span>
                    </template>
                </el-table-column>
                <el-table-column label="团员2"  align='center' width="200px">                   
                    <template slot-scope="scope">   
                          <span  v-if="scope.row.member[1]">{{ scope.row.member[1].nickname}}<br> {{ scope.row.member[1].telphone}}</span> 
                          <span v-else></span> 
                    </template>
                </el-table-column>
                <el-table-column label="团员3"  align='center' width="200px">                   
                    <template slot-scope="scope">           
                           <span v-if="scope.row.member[2]" >{{ scope.row.member[2].nickname}}<br> {{ scope.row.member[2].telphone}}</span>  
                           <span v-else></span>
                    </template>
                </el-table-column>
                 <el-table-column label="团员4"  align='center' width="200px">                   
                    <template slot-scope="scope">   
                           <span v-if="scope.row.member[3]" >{{ scope.row.member[3].nickname}}<br> {{ scope.row.member[3].telphone}}</span>  
                           <span v-else></span>
                    </template>
                </el-table-column>
                <el-table-column label="团员5"  align='center' width="200px">                   
                    <template slot-scope="scope">   
                          <span v-if="scope.row.member[4]" >{{ scope.row.member[4].nickname}}<br> {{ scope.row.member[4].telphone}}</span>  
                           <span v-else></span>
                    </template>
                </el-table-column>
                 <el-table-column label="团员6"  align='center' width="200px">                   
                    <template slot-scope="scope">   
                           <span v-if="scope.row.member[5]" >{{ scope.row.member[5].nickname}}<br> {{ scope.row.member[5].telphone}}</span>  
                           <span v-else></span>
                    </template>
                </el-table-column>
                 <el-table-column label="团员7"  align='center' width="200px">                   
                    <template slot-scope="scope">   
                            <span v-if="scope.row.member[6]" >{{ scope.row.member[6].nickname}}<br> {{ scope.row.member[6].telphone}}</span>  
                           <span v-else></span>
                    </template>
                </el-table-column>
                 <el-table-column label="团员8"  align='center' width="200px">                   
                    <template slot-scope="scope">   
                          <span v-if="scope.row.member[7]" >{{ scope.row.member[7].nickname}}<br> {{ scope.row.member[7].telphone}}</span>  
                           <span v-else></span>
                    </template>
                </el-table-column>
                  <el-table-column label="团员9"  align='center' width="200px">                   
                    <template slot-scope="scope">   
                           <span v-if="scope.row.member[8]" >{{ scope.row.member[8].nickname}}<br> {{ scope.row.member[8].telphone}}</span>  
                           <span v-else></span>
                    </template>
                </el-table-column>
                  <el-table-column label="团员10"  align='center' width="200px">                   
                    <template slot-scope="scope">   
                          <span v-if="scope.row.member[9]" >{{ scope.row.member[9].nickname}}<br> {{ scope.row.member[9].telphone}}</span>  
                           <span v-else></span>
                    </template>
                </el-table-column>
                 <el-table-column label="是否成团"  align='center' width="150px" fixed="right">                   
                    <template slot-scope="scope">   
                         <span v-if="scope.row.status == 0">未成团</span> 
                         <span v-if="scope.row.status == 1">已成团</span>     
                    </template>
                </el-table-column>


                 <el-table-column label="奖励"  align='center' width="150px" fixed="right">                   
                    <template slot-scope="scope">   
                         <span>{{ scope.row.reward_kmb }}</span>    
                    </template>
                </el-table-column>



  
            </el-table>  





   </div>
</template>

<script>
import toolbarOptions from '@/assets/js/quillConfig.js'
export default {
   name: 'concourselist',
   props:{
      datalist:{  
        //type:Array,
       default:()=>[]
     },
  },
  data () {
    return {
        dtheight:'500',  //窗口高度
    }
  },
   components:{

  },
  created(){
     this.dtheight = window.innerHeight - 301
      
  },
  mounted (){
    
  },
  methods: {
    
 
  }
}
</script>


<style scoped>

</style>